<style>
    img-crop {
        width: 100%;
        height: 100%;
        display: block;
        position: relative;
        overflow: hidden;
    }

    img-crop canvas {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        outline: 0;
        -webkit-tap-highlight-color: transparent;
    }

    @media ( min-width: 768px ) {
        .col-lg-2.control-label {
            float: left;
        }
    }
</style>
<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3" translate="common.personalCenter"></h1>
</div>
<div class="wrapper-md" ng-controller="PersonalCtrl">
    <div class="panel panel-default">
        <div class="panel-body">
            <uib-tabset active="vm.active">
                <!-- 邮件配置 -->
                <uib-tab index="0">
                    <uib-tab-heading>
                        <span translate="user.imgEdit"></span>
                    </uib-tab-heading>
                    <div ng-include=" app.getResPath('app/modules/personal/imgSetting.html') "></div>
                </uib-tab>
                <uib-tab index="1">
                    <uib-tab-heading>
                        <span translate="user.infoEdit"></span>
                    </uib-tab-heading>
                    <div ng-include=" app.getResPath('app/modules/personal/infoEdit.html') "></div>
                </uib-tab>
                <!-- 安全配置 -->
                <uib-tab index="2">
                    <uib-tab-heading>
                        <span translate="user.mimaxiugai"></span>
                    </uib-tab-heading>
                    <div ng-include=" app.getResPath('app/modules/personal/passwordEdit.html') "></div>
                </uib-tab>
            </uib-tabset>
        </div>
    </div>
</div>
<!-- <div class="wrapper-md" ng-controller="PersonalCtrl">
    <div class="col-sm-12 m-b-sm">
        <div class="row">
            <div class="b-b m-b-sm"></div>
            <div ui-view="" class="profile-content fade-in-up ng-scope">
            <div class="profile-content fade-in-up ng-scope">
                <div class="row ">
                    <div class="col-md-8">
                        <div class="portlet light">
                            <uib-tabset class="nav-tabs-alt tabbable-line">
                            	
                                <uib-tab heading="{{'user.infoEdit' | translate}}">
                                    <div class="m-t-xs">
                                        <form name="userForm" class=" form-validation">
                                            <input type="hidden" name="id" value="1014623300325796012">
                                            <div class="form-group">
                                                <label class="control-label"><span class="text-danger">*</span><span translate="user.yonghuming"></span></label>
                                                <input type="text" class="form-control" name="name" ng-model="vm.user.name" uib-tooltip="{{'common.op.remind2' | translate}}"
                                                 maxlength="32" required>
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label"><span translate="user.dianhua"></span></label>
                                                <input type="text" class="form-control" name="phone" ng-model="vm.user.telephone" maxlength="32" ng-pattern="app.reg.phone"
                                                 uib-tooltip="{{'user.dianhuajiaoyan' | translate}}">
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label"><span class="text-danger">*</span><span translate="user.youxiang"></span></label>
                                                <input type="text" class="form-control" name="email" ng-model="vm.user.email" maxlength="128" required ng-pattern="app.reg.email"
                                                 uib-tooltip="{{'user.youxiangjiaoyan' | translate}}">
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label"><span translate="user.dizhi"></span></label>
                                                <input type="text" class="form-control" ng-model="vm.user.address" maxlength="256" uib-tooltip="{{'common.op.remind6' | translate}}">
                                            </div>
                                            <div class="margiv-top-10">
                                                <button type="submit" class="btn btn-primary" ng-click="vm.saveUser()" ng-disabled="userForm.$invalid" translate="common.confirm"></button>
                                            </div>
                                        </form>
                                    </div>
                                </uib-tab>
                                <uib-tab heading="{{'user.mimaxiugai' | translate}}">
                                    <div class="m-t-xs">
                                        <form name="passwordForm" class=" form-validation">
                                            <div class="form-group">
                                                <label class="control-label"><span class="text-danger">*</span><span translate="user.yuanmima"></span></label>
                                                <input type="password" class="form-control" name="oldPassword" ng-model="vm.user.oldPassword" required uib-tooltip="{{app.pwdRule.passwordTip}}">
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label"><span class="text-danger">*</span><span translate="user.xinmima"></span></label>
                                                <input type="password" class="form-control" name="password" id="newPwd" ng-model="vm.user.password" required ng-minlength="app.pwdRule.minLength"
                                                 ng-maxlength="app.pwdRule.maxLength" uib-tooltip="{{app.pwdRule.passwordTip}}">
                                            </div>
                                            <div class="form-group">
                                                <label class="control-label"><span class="text-danger">*</span><span translate="user.querenmima"></span></label>
                                                <input type="password" class="form-control" name="pwdName" id="newPwd1" ng-model="vm.user.pwdName" required ui-validate=" '$value==vm.user.password' "
                                                 ui-validate-watch=" 'vm.user.password' " uib-tooltip="{{'user.querenmimatishi' | translate}}" />
                                            </div>
                                            <div class="margin-top-10">
                                                <button type="submit" class="btn btn-primary" ng-click="vm.savePassword()" ng-disabled="passwordForm.$invalid" translate="common.confirm">
                                                </button>
                                            </div>
                                        </form>
                                    </div>
                                </uib-tab>
                            </uib-tabset>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div> -->